<template>
  <div class="knowledge-view">
    <BarComponents class="sidebar-component" />
    <div class="main-content">
      <KnowledgeManager />
    </div>
  </div>
</template>

<script setup>
import BarComponents from '@/components/BarComponents.vue'
import KnowledgeManager from '@/components/KnowledgeComponents.vue'
</script>

<style scoped>
.knowledge-view {
  display: flex;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.sidebar-component {
  flex-shrink: 0;
}

.main-content {
  flex: 1;
  overflow: auto;
  background-color: #f5f7fa;
}
</style>
